<template>
	<sysJk :label="'16.防火门、防火卷帘等防火分隔设施的检查和功能测试'" showBack :withoutTop="true" :leftTime="lefttime">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="w100" v-if="curnum==0">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="answerview1">
								<view class="ytitle"> 请分别判断防火门在控制器中的启动状态</view>
								<view> 火灾报警控制器反馈信息 </view>
								<radio-group @change="aChange11">
									<label class="ritem" v-for="item,index in answer11" :key="index">
										<view>
											<radio :value="item" :checked="da11 === item"  :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
								<view> 防火门监控器反馈信息 </view>
								<radio-group @change="aChange12">
									<label class="ritem" v-for="item,index in answer12" :key="index">
										<view>
											<radio :value="item" :checked="da12 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view v-if="istool" class="toolbox">
								<view class="tc1">工具箱</view>
								<view class="toolitems">
									<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
										<view>
											<image class="toolimg" :src="tool1"></image>
										</view>
										<view class="tc">感温探测器</view>
									</view>
									<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
										<view>
											<image class="toolimg" :src="tool2"></image>
										</view>
										<view class="tc">感烟探测器</view>
									</view>
									<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
										<view>
											<image class="toolimg" :src="tool3"></image>
										</view>
										<view class="tc">消防电话</view>
									</view>
									 
									<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
										<view>
											<image class="toolimg" :src="tool5"></image>
										</view>
										<view class="tc"> 照度计</view>
									</view>
									<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
										<view>
											<image class="toolimg" :src="tool6"></image>
										</view>
										<view class="tc">风速仪</view>
									</view>
									<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
										<view>
											<image class="toolimg" :src="tool7"></image>
										</view>
										<view class="tc">微压计</view>
									</view>
									 
								</view>
								<view @click="toolclick()" class="toolbtn"> 确定</view>
							</view>
							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(0)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isarea" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea(0)">
										<image class="aimg" :src="area1"></image>防火门场景
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea(1)">
										<image class="aimg" :src="area2"></image>消防控制室
									</view>
								</view>

								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda1()">提交</u-button>
									<u-button @click="reset1()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										>重做</u-button>
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
								</view>
							</view>

							<view v-if="isa1area1" id="area111" class="openiv"
								:style="{ left:a1area11left,top:a1area11top}" @tap="openimgview('16-4',164)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa1area1" id="area112" class="openiv"
								:style="{ left:a1area12left,top:a1area12top}" @tap="openimgview('16-5',165)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa1area2" id="a1area2" class="openiv"
								:style="{ left:a1area21left,top:a1area21top}" @tap="openimgview('16-3',163)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa164" id="area164" class="openiv" :style="{ left:a1164cleft,top:a1164ctop}"
								@tap="openimgview('16-1',161)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa164" id="area164" class="openiv redbg"
								:style="{ left:a1164bleft,top:a1164btop,width:a1164bw,height:a1164bh}"
								@tap="playfire()">
							</view>
							<view v-if="isfire161 && isa164" id="area164" class="openiv"
								:style="{ left:a1164rl,top:a1164rt,width:a1164rw,height:a1164rh}">
								<image class="openi openiv"
									:style="{ left:a1164rl,top:a1164rt,width:a1164rw,height:a1164rh}" :src="redimg">
								</image>
							</view>



							<view v-if="isa165" id="area165" class="openiv" :style="{ left:a1165cleft,top:a1165ctop}"
								@tap="openimgview('16-1',161)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<view v-if="isa163" id="area163c" class="openiv" :style="{ left:a1163cleft,top:a1163ctop}"
								@tap="openimgview('16-2',162)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<!--openimgview('16-6',166)-->
							<view v-if="isa163" id="area166" class="openiv" :style="{ left:a1166left,top:a1166top}"
								@tap="showDialog()">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa163" id="areaf2" class="openiv redbg"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h}" @tap="f21()">

							</view>

							<view v-if="isa163" id="areaf6" class="openiv redbg"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h}" @tap="f61()">

							</view>
							<!--时间-->
							<view v-if="isa163" id="area820" class="openiv ds  "
								:style="{ left:a1i821left,top:a1i821top}" @tap="">
								{{time}}
							</view>
							
							 <view v-if="iscreen1!=0 && isa163" id="areaf12" class="openiv "
							 	:style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}"  >
							 <image class="openi openiv" :style="{ left:ficonl,top:ficont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 <view v-if="iscreen1!=0 && isa163" id="areaf22" class="openiv "
							 	:style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}"  >
							 <image class="openi openiv" :style="{ left:siconl,top:sicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 <view v-if="iscreen1!=0 && isf61status && isa163" id="areaf32" class="openiv "
							 	:style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}"  >
							 	<image class="openi openiv" :style="{ left:iiconl,top:iicont,width:sciconw,height:sciconh}" :src="redbtn"></image>
							 </view>
							 
							
							<!--信息-->
							<view v-if="isa163" id="area821" class="openiv rem7"
								:style="{ left:a1i822left,top:a1i822top,color:'#000'}">
								<view class="flexcol">
									<view v-if="iscreen1==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen1==1" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen1==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen1==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">
										<view v-if="iscreen1==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>
										<view v-if="iscreen1==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<view> {{stime1}} 防火门 已启动</view>
										</view>
										<view v-if="iscreen1==2" :style="{ width:siw,height:sbw,color:'#000'}">
											<text>{{info}}</text>
										</view>
										<view v-if="iscreen1==3" :style="{ width:siw,height:sbw,color:'#000'}">
											<text>{{info}}</text>
										</view>
										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen1==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen1==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen1==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>




							<view v-if="isa166" id="area166c" class="openiv" :style="{ left:infocl,top:infoct}"
								@tap="openimgview('16-3',163)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="iscreen1!=0 && isa166" id="area166c" class="openiv rem7"
								:style="{ left:infotl,top:infott,width:infotw,height:infoth,color:'#000'}">
								<view> {{stime1}}-防火门启动</view>
								<view>{{stime1}}- {{isf61status?'防火门 已反馈':'防火门 未反馈'}}</view>
							</view>

							<u-mask :show="showFlag">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen1!=0">
											<view> {{stime1}}-防火门启动</view>
											<view>{{stime1}}- {{isf61status?'防火门 已反馈':'防火门 未反馈'}}</view>
										</view>
									</view>
								</view>
							</u-mask>


						</view>
					</view>


				</view>
				<view class="w100" v-if="curnum==1">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">

							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda2()">提交</u-button>
									<u-button @click="reset2()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										>重做</u-button>
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
								</view>
							</view>


							<view v-if="isa2area" id="a2area2" class="openiv" :style="{ left:a2arealeft,top:a2areatop}"
								@tap="openimgview('16-8',1651)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa21651" id="area1651" class="openiv" :style="{ left:a1165cleft,top:a1165ctop}"
								@tap="openimgview('16-7',167)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa21651" id="area1651" class="openiv redbg"
								:style="{ left:a2168l,top:a2168t,width:a2168w,height:a2168h}"
								@tap="openimgview('0',1651)">

							</view>
						</view>
					</view>


				</view>
				<view class="w100" v-if="curnum==2">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">
							<view class="answerview1">
								<view class="ytitle">请判断防火卷帘的反馈信息</view>
								<view> </view>
								<radio-group @change="aChange31">
									<label class="ritem" v-for="item,index in answer31" :key="index">
										<view>
											<radio :value="item" :checked="da31 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
								<view> </view>
								<radio-group @change="aChange32">
									<label class="ritem" v-for="item,index in answer32" :key="index">
										<view>
											<radio :value="item" :checked="da32 === item"  :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>

							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view v-if="isa3area" class="areas">
									<view class="areasTit">场景选择</view>
									<view :class="curarea==0?'areaitem sitem':'areaitem'" @click="setarea3(0)">
										<image class="aimg" :src="area1"></image>防火卷帘场景
									</view>
									<view :class="curarea==1?'areaitem sitem':'areaitem'" @click="setarea3(1)">
										<image class="aimg" :src="area2"></image>消防控制室
									</view>
								</view>
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda3()">提交</u-button>
									<u-button @click="reset3()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										>重做</u-button>
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
								</view>
							</view>

							<view v-if="istool" class="toolbox">
								<view class="tc1">工具箱</view>
								<view class="toolitems">
									<view class="toolitem" :class="toolid==1?'bord':''" @click="seltool(1)">
										<view>
											<image class="toolimg" :src="tool1"></image>
										</view>
										<view class="tc">感温探测器</view>
									</view>
									<view class="toolitem" :class="toolid==2?'bord':''" @click="seltool(2)">
										<view>
											<image class="toolimg" :src="tool2"></image>
										</view>
										<view class="tc">感烟探测器</view>
									</view>
									<view class="toolitem" :class="toolid==3?'bord':''" @click="seltool(3)">
										<view>
											<image class="toolimg" :src="tool3"></image>
										</view>
										<view class="tc">消防电话</view>
									</view>
									 
									<view class="toolitem" :class="toolid==5?'bord':''" @click="seltool(5)">
										<view>
											<image class="toolimg" :src="tool5"></image>
										</view>
										<view class="tc"> 照度计</view>
									</view>
									<view class="toolitem" :class="toolid==6?'bord':''" @click="seltool(6)">
										<view>
											<image class="toolimg" :src="tool6"></image>
										</view>
										<view class="tc">风速仪</view>
									</view>
									<view class="toolitem" :class="toolid==7?'bord':''" @click="seltool(7)">
										<view>
											<image class="toolimg" :src="tool7"></image>
										</view>
										<view class="tc">微压计</view>
									</view>
									 
								</view>
								<view @click="toolclick3()" class="toolbtn"> 确定</view>
							</view>


							<view v-if="isa3area1" id="area1651" class="openiv"
								:style="{ left:a3area1left,top:a3area1top}" @tap="openimgview('16-11',1611)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa3area2" id="area1651" class="openiv"
								:style="{ left:a3area21left,top:a3area21top}" @tap="openimgview('16-3',3163)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa3area2" id="area1651" class="openiv"
								:style="{ left:a3area22left,top:a3area22top}">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="is1611" id="area1611" class="openiv" :style="{ left:a31611left,top:a31611top}"
								@tap="openimgview('16-9',3169)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="is3163" id="are3af2" class="openiv redbg"
								:style="{ left:f2left,top:f2top,width:f2w,height:f2h}" @tap="f22()">

							</view>

							<view v-if="is3163" id="areaf62" class="openiv redbg"
								:style="{ left:f6left,top:f6top,width:f6w,height:f6h}" @tap="f62()">

							</view>

							<view v-if="is3163" id="area1611" class="openiv ds"
								:style="{ left:a3163tleft,top:a3163ttop}">
								{{time}}
							</view>
							<!--openimgview('16-13',31613)-->
							<view v-if="is3163" id="area1611" class="openiv" :style="{ left:a3163bleft,top:a3163btop}"
								@tap="showDialog2()">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="is3163" id="area1611" class="openiv" :style="{ left:a3163cleft,top:a3163ctop}"
								@tap="openimgview('16-12',31612)">
								<image class="openi" :src="closeimg"></image>
							</view>


							<view v-if="is3163" id="area1611" class="openiv rem7"
								:style="{ left:a3163ileft,top:a3163itop}" @tap="openimgview('16-3',3163)">
								<view class="flexcol">
									<view v-if="iscreen2==0" :style="{ width:stw,height:sth,color:'#000'}"></view>
									<view v-if="iscreen2==1" :style="{ width:stw,height:sth,color:'#fff'}">火警信息</view>
									<view v-if="iscreen2==2" :style="{ width:stw,height:sth,color:'#fff'}">启动信息</view>
									<view v-if="iscreen2==3" :style="{ width:stw,height:sth,color:'#fff'}">反馈信息</view>

									<view class="flexrow">

										<view v-if="iscreen2==0"
											:style="{ width:siw,height:sbw,color:'#000',lineHeight:sbw,textAlign:'center'}">
											正常监控状态</view>

										<view v-if="iscreen2==1" :style="{ width:siw,height:sbw,color:'#000'}">
											<view> {{stime1}}防火卷帘 已启动</view>
										</view>
										<view v-if="iscreen2==2" :style="{ width:siw,height:sbw,color:'#000'}"><text>
												{{info}}</text></view>
										<view v-if="iscreen2==3" :style="{ width:siw,height:sbw,color:'#000'}"><text>
												{{info}}</text> </view>

										<view class="flexcol" :style="{marginLeft:sleft}">
											<view class="flexcol"
												:style="{ width:sbw,height:sbh,color:'#000',marginTop:'3px'}">
												<view style="line-height: 0.4rem;">
													正常运行
												</view>
												<view style="line-height: 0.4rem;">
													手动允许
												</view>
												<view style="line-height: 0.4rem;">
													自动允许
												</view>
											</view>
											<view
												:style="{marginTop:srtt, width:srtw,height:srth,color:'#fff',textAlign:'center'}"
												t80 w137 h30>
												<view style="line-height: 0.4rem;">{{dfulltxt}}</view>
												<view style="line-height: 0.4rem;">{{dtimetxt}}</view>
											</view>
										</view>
									</view>
									<view v-if="iscreen2==0" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==1" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1查火警
										F2查启动 F3查故障 F4查监管 F5查屏蔽 F6查反馈
									</view>
									<view v-if="iscreen2==2" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
									<view v-if="iscreen2==3" style=" color:#000"
										:style="{ marginTop:sitt, width:s5w,height:s5h,color:'#fff'}">F1页001 F2上一页 F3下一页
										F6退出
									</view>
								</view>
							</view>

							<view v-if="is31613" id="a316131" class="openiv" :style="{ left:infocl,top:infoct}"
								@tap="openimgview('16-3',3163)">
								<image class="openi" :src="closeimg"></image>
							</view>
							<view v-if="iscreen2!=0 && is31613" id="a316132" class="openiv rem7"
								:style="{ left:infotl,top:infott,width:infotw,height:infoth,color:'#000'}">
								<view> {{stime1}}-防火卷帘启动</view>
								<view>{{stime1}}-防火卷帘 已反馈</view>
							</view>

							<u-mask :show="showFlag2">
								<view class="wrapper"
									style="display: flex;align-items: center;justify-content: center;height:100%">
									<view class="block"
										style="width:200rpx;height:220rpx;background: #fff;color:#000;font-size: 1.5vh;">
										<view style="position: relative;height: 0;top: 0;right: -180rpx;">
											<image @click="onClickHide2" class="openi" :src="closeimg"></image>
										</view>
										<view style="padding: 10rpx;" v-if="iscreen2!=0">
											<view> {{stime1}}-防火卷帘启动</view>
											<view>{{stime1}}-防火卷帘 已反馈</view>
										</view>
									</view>
								</view>
							</u-mask>

						</view>
					</view>


				</view>
				<view class="w100" v-if="curnum==3">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent"> 
							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(3)'>查看解析</u-button>
							</view>
							<view class="btnA">
								<view class="btnArea">
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda4()">提交</u-button>
									<u-button @click="reset4()"
										:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
										>重做</u-button>
									<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
								</view>
							</view>


							<view v-if="isa4area" id="area1651" class="openiv" :style="{ left:a41615left,top:a41615top}"
								@tap="openimgview('16-15',1615)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa41616" id="area1616" class="openiv coll"
								:style="{ left:a41616bleft,top:a41616btop,width:a41616bw,height:a41616bh}"
								@tap="openimgview('16-16',1616)">

							</view>
							<view v-if="isa41616" id="area16511" class="openiv"
								:style="{ left:a41616cleft,top:a41616ctop}" @tap="openimgview('16-9',169)">
								<image class="openi" :src="closeimg"></image>
							</view>
						</view>
					</view>


				</view>
				<u-mask :show="isexplain" @click="closeex" >
					<view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
						<view class="block"
							style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
							<view class="overtitle" style="color: #000;">
								【试题解析】 正确答案
							</view>
							<view class="overtitle" style="color: #000;">
								<text>{{explaintext}}</text>
							</view>
						</view>
					</view>
				</u-mask>
			</view>
		</template>
	</sysJk>
</template>


<script>
	import sysJk from '@/components/sysJk.vue'
	import {
		fzQuestion
	} from '@/globalApi/requestApi.js'
	import {
		formatTime,
		screentime,
		getcurtime
	} from '@/util/index.js'
	export default {
		components: {
			sysJk
		},

		data() {
			const app = getApp();
			const baseUrl = app.globalData.requestUrl;

			return {
				widthBl:0,
				heightBl:0,
			 
				time: '',
				dfulltxt: '',
				dtimetxt: '',
				isf61status:false,
				iscreen1: 0, //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				iscreen2: 0,
				stime1: "",
				stime2: '',


				lefttime: '360',
				examId: '',
				examType: 1,
				base: baseUrl,
				writeBox: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showFlag: false,
				showFlag2: false,
				bUrl: baseUrl + "/static/image/wb/16-1.jpg",
				openimg: baseUrl + "/static/image/open.png",
				closeimg: baseUrl + "/static/image/close.png",
				redimg: baseUrl + "/static/image/red.png",

				isarea: true,
				curarea: 0,
				area1: baseUrl + "/static/image/wb/16-1.jpg",
				area2: baseUrl + "/static/image/wb/16-2.jpg",



				isa1area1: true,
				a1area11left: 0,
				a1area11top: 0,
				a1area12left: 0,
				a1area12top: 0,
				isa1area2: false,
				a1area21left: 0,
				a1area21top: 0,

				isa163: false,
				isa164: false,
				isa165: false,

				a1163cleft: 0,
				a1163ctop: 0,
				/////163  
				a1i821left: 0,
				a1i821top: 0,

				a1i822left: 0,
				a1i822top: 0,

				a1i823left: 0,
				a1i823top: 0,
				/////


				a1164cleft: 0,
				a1164ctop: 0,


				a1164bleft: 0,
				a1164btop: 0,
				a1164bw: 0,
				a1164bh: 0,

				a1164rl: 984,
				a1164rt: 366,
				a1164rw: 18,
				a1164rh: 18,

				a1165cleft: 0,
				a1165ctop: 0,
				a1166left: 0,
				a1166top: 0,
				isa166: false,

				a1166cleft: 0,
				a1166ctop: 0,

				infocl: 1260,
				infoct: 68,

				infotl: 862,
				infott: 118,
				infotw: 358,
				infoth: 648,



				//2

				isa2area: false,
				a2arealeft: 0,
				a2areatop: 0,
				isa21651: false,

				//16-8
				a2168l: 1336,
				a2168t: 350,
				a2168w: 46,
				a2168h: 32, //16-5

				/////////////////

				///////////////////


				///333
				is3163: false,
				is31613: false,
				isa3area: false,
				isa3area1: false,
				isa3area2: false,

				a3area1left: 0,
				a3area1top: 0,
				a3area21left: 0,
				a3area21top: 0,
				a3area22left: 0,
				a3area22top: 0,

				is1611: false,

				a31611left: 0,
				a31611top: 0,


				a3163tleft: 0, //407
				a3163ttop: 0, //100

				a3163ileft: 0, //1134
				a3163itop: 0, //141

				a3163bleft: 0, //735
				a3163btop: 0, //635

				a3163cleft: 0, //1620
				a3163ctop: 0, //90

				a31613bleft: 0, //854
				a31613btop: 0, //95

				a31613cleft: 0, //1260
				a31613ctop: 0, //88

				//444
				isa4area: false,
				isa41616: false,
				a41615left: 0,
				a41615top: 0,
				a41616bleft: 0,
				a41616btop: 0,
				a41616bw: 0,
				a41616bh: 0,
				a41616cleft: 0,
				a41616ctop: 0,
				isclosefire: false,

				stw: '479',
				sth: '28',
				sleft: "10",
				siw: '330',
				sih: '200',
				sbw: '146',
				sbh: "68",
				srtw: '138',
				srth: '30',
				srtt: '80',
				sitt: '15',
				s5w: "495",
				s5h: '25',
				//f2
				//f2
				f2left: 1130,
				f2top: 549,
				f2w: 82,
				f2h: 45,

				//f6
				f6left: 1517,
				f6top: 549,
				f6w: 82,
				f6h: 45,

				istool: true,
				tool1: baseUrl + "/static/image/gw.png", //
				tool2: baseUrl + "/static/image/gy.png", //
				tool3: baseUrl + "/static/image/dh.png", //
				tool4: baseUrl + "/static/image/bs.png", //
				tool5: baseUrl + "/static/image/zm.png", //
				tool6: baseUrl + "/static/image/cf.png", //
				tool7: baseUrl + "/static/image/wyj.png", //
				tool8: baseUrl + "/static/image/cf.png", //
				toolid: 0,

				questionsnum: 4, //题目数

				curnum: 0, //当前题目

				questions: ['【1/4】模拟联动触发信号，关闭防火门',
					'【2/4】请通过防火门监控器关闭防火门',
					'【3/4】请模拟联动触发信号，使防火卷帘下隆，并在消防控制室查看相关反馈信号',
					'【4/4】请现场操作防火卷帘，使其下降'
				],

				answer11: ['防火门已关闭 已反馈', '防火门已关闭 未反馈'],
				answer12: ['防火门启动并反馈', '防火门启动未反馈'],

				istck: false,
				da11: "",
				da12: "",
				da31: "",
				da32: "",

				answer31: ['防火卷帘 上行', '防火卷帘 下行'],
				answer32: ['防火卷帘 启动并反馈', '防火卷帘 启动未反馈'],



				innerAudioContext: uni.createInnerAudioContext(),
				jb: baseUrl + "/static/image/jb.MP3",
				quest: {
					fz_id: 2,
					title: '',
					no: "",
					question_type: 1,
					user_answer: '',
					answer: '',
					is_correct: '',
					score: '',
					start_time: 0,
					end_time: 0,
					question_answer: ''
				},
				score1: 0,
				score2: 0,
				score3: 0,
				score4: 0,

				explainarr: [' 控制室主机自动，去防火门场景触发两点报火警，看防火门控制器，看控制室主机查启动查反馈，选答案\r\n\r\n正确答案：防火门已关闭 已反馈，防火门启动并反馈',
					'防火门控制器，点第一列第一个蓝色按钮关闭防火门。',
					'触发两个探测器，看卷帘下降，回控制室查启动查反馈选答案\r\n\r\n正确答案：防火卷帘 下行，防火卷帘 启动并反馈',
					'控制按钮下降'
				],
				isexplain: false,
				explaintext: '',
				tH: 0,
				isfire161: false,
				issmk161: false,
				//1 是否关门
				isdoor1: true,
				//2 门是否开
				isfiredooropen: true,
				//3 
				isclose: false,
				info: '',
				
				//屏图标宽高
				sciconw:20,
				sciconh:20,
				
				
				//自动方式
				aiconl:430,
				aicont:353,
				
				//手动方式
				miconl:	430,
				micont:	390,
				
				//火警
				ficonl:649,
				ficont:137,
				
				
				//启动
				siconl:824,
				sicont:139, 
				
				//反馈
				iiconl:824,
				iicont:289,
			}
		},
		onLoad(options) {
			uni.setScreenBrightness({
				keepScreenOn: true,
				direction: 'landscape',
				success() {
					console.log("a")
				}
			})
			let that = this;
			let df = new Date()
			let m = df.getMonth() + 1
			this.dfulltxt = df.getFullYear() + "/" + m + df.getDate()
			let h1 = df.getHours()
			let m1 = df.getMinutes()
			this.time = h1 + ":" + m1
			setInterval(() => {
				let df1 = new Date()
				that.dtimetxt = df1.getHours() + ":" + df1.getMinutes() + ":" + df1.getSeconds()
			}, 1000)
			setInterval(() => {
				that.time = getcurtime()
			}, 20000)
			// uni.getSystemInfo({
			// 	success: function(res) {
			// 		console.log(res)
			// 		// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
			// 		that.tH = uni.getMenuButtonBoundingClientRect().height + uni
			// 			.getMenuButtonBoundingClientRect().top * 2 + 21
			// 		//that.tH=85 
			// 		that.drawWhiteBox()
			// 	}
			// });
			this.examId = options.examId
			this.examType = options.examType
			// var writeBox = uni.createSelectorQuery().in(this).select('.imgview')
			// writeBox.boundingClientRect(data => {
			// 	this.writeBox = data
			// }).exec()
		},
		onShow() {
			// this.drawWhiteBox()
		},
		onReady() {
				  let that = this;
				  // #ifdef MP-WEIXIN
				  uni.getSystemInfo({
				    success: function(res) {
				      console.log(res)
				      // uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
				      that.tH = uni.getMenuButtonBoundingClientRect().height + uni
				          .getMenuButtonBoundingClientRect().top * 2 + 21
				      //that.tH=85
				      that.drawWhiteBox()
				    }
				  });
				  // #endif
				
				  // #ifdef APP-PLUS
				  let sy = uni.getSystemInfoSync()
				  this.pT = sy.statusBarHeight
				  this.tH = sy.statusBarHeight + 51
				  that.drawWhiteBox(this.tH )
				  
				  // #endif
		},
		methods: {
			back() {
				uni.navigateBack()
			},
			explain(id) {
				this.isexplain = true;
				this.explaintext = this.explainarr[id]

			},
			closeex() {
				this.isexplain = false
			},
			f21() {
				if (this.iscreen1 == 1) {
					this.iscreen1 = 2 //f2状态
					this.info = this.stime1 + '防火门 已启动\r\n'

				}
			},
			f61() {
				//f6状态
				if (this.iscreen1 == 2) { //	//退出
					this.iscreen1 = 1
				} else if (this.iscreen1 == 1) { //反馈
					this.iscreen1 = 3
					if(this.isf61status){
						this.info = this.stime1 + '防火门 已反馈\r\n'
					}else{
						this.info = this.stime1 + '防火门 未反馈\r\n'
					} 

				} else if (this.iscreen1 == 3) {
					this.iscreen1 = 1
					//退出
				}
			},
			f22() {
				if (this.iscreen2 == 1) {
					this.iscreen2 = 2 //f2状态 
					this.info = this.stime1 + '防火卷帘 已启动\r\n'
				}
			},
			f62() {
				//f6状态
				if (this.iscreen2 == 2) { //	//退出
					this.iscreen2 = 1
				} else if (this.iscreen2 == 1) { //反馈
					this.iscreen2 = 3
					this.info = this.stime1 + '防火卷帘 已反馈\r\n'

				} else if (this.iscreen2 == 3) {
					this.iscreen2 = 1
					//退出
				}
			},
			playfire() {
				this.isfire161 = true
				this.isf61status=Math.random()>0.5
				this.innerAudioContext.src = this.jb;
				this.innerAudioContext.onPlay(() => {
					console.log('开始播放');
				});
				this.innerAudioContext.onError((res) => {
					console.log(res.errMsg);
					console.log(res.errCode);
				});
				console.log(this.innerAudioContext.paused)
				if (this.innerAudioContext.paused == true) {

					console.log("play")

					this.innerAudioContext.play();
				} else {
					console.log("stop")
					this.innerAudioContext.stop();
				}
			},
			//切换场景
			setarea(id) {
				this.curarea = id
				if (id == 0) {
					this.isa1area1 = true;
					this.isa1area2 = false
					this.istool = true
					if (this.isdoor1) {
						this.bUrl = this.base + "/static/image/wb/16-1.jpg"
					} else {
						this.bUrl = this.base + "/static/image/wb/16-5-2.jpg"
					}

				}
				if (id == 1) {
					this.isa1area1 = false;
					this.isa1area2 = true;
					this.istool = false
					this.bUrl = this.base + "/static/image/wb/16-2.jpg"
				}
			},
			//3问场景
			setarea3(id) {
				this.curarea = id
				
				if (id == 0) {
					this.isa3area1 = true;
					this.isa3area2 = false
					this.istool = true

					if (this.isclose) {
						this.bUrl = this.base + "/static/image/wb/16-10.jpg"
					} else {
						this.bUrl = this.base + "/static/image/wb/16-9.jpg"
					}
				}
				if (id == 1) {
					this.istool = false
					this.isa3area1 = false;
					this.isa3area2 = true;

					this.bUrl = this.base + "/static/image/wb/16-2.jpg"
				}
			},
			reset() {
				this.iscreen1 = 0 //屏状态  0  正常状态 1火警状态  2 f2 信息  f6退出  3，f6 查反馈  f6 退出   4复位 回到1
				this.iscreen2 = 0
				this.isarea = true

				this.isa1area1 = true
				this.isa1area2 = false
				this.isa163 = false
				this.isa164 = false
				this.isa165 = false
				this.isa166 = false
				this.isa2area = false
				this.isa21651 = false
				this.is3163 = false
				this.is31613 = false
				this.isa3area = false
				this.isa3area1 = false
				this.isa3area2 = false
				this.is1611 = false
				this.isa4area = false
				this.isa41616 = false
				this.isclosefire = false
				this.istool = true
				this.toolid = 0
				this.istck = false
				this.isfire161 = false
				this.issmk161 = false
				//1 是否关门
				this.isdoor1 = true
				//2 门是否开
				this.isfiredooropen = true
				//3 
				this.isclose = false
			},
			reset1() {
				this.reset()
				let that = this
				that.isf61status=false 
				that.istck = false
				that.da11 = ""
				that.da12 = ""
				that.innerAudioContext.stop()
				that.curnum = 0
				that.curarea = 0
				that.setarea(0)
				that.bUrl = that.base + "/static/image/wb/16-1.jpg"
			},
			reset2() {
				this.reset()
				let that = this
				that.isfiredooropen = true

				that.curnum = 1
				that.isa2area = true;
				that.bUrl = that.base + "/static/image/wb/16-7.jpg"
			},
			reset3() {
				this.reset()
				let that = this
				that.da31 = ""
				that.da32 = ""
				that.curnum = 2
				that.isa3area = true;
				that.area1= that.base + "/static/image/wb/16-9.jpg",
				that.area2=that. base + "/static/image/wb/16-2.jpg",
				this.istool=true
				this.toolid=-1
				that.isa3area1 = true
				that.isa3area2 = false,
				that.setarea3(0)
				that.bUrl = that.base + "/static/image/wb/16-9.jpg"

			},
			reset4() {
				this.reset()
				let that = this
				that.isclosefire = false
				that.curnum = 3
				that.isa4area = true
				that.bUrl = that.base + "/static/image/wb/16-9.jpg"

			},
			senda1() {
				/**
				 * 【1/4】模拟联动触发信号，关闭防火门【0.4】
				防火门场景，消防控制室
				控制器反馈情况
				反馈
				未反馈
				【两种情况】
				防火门控制器反馈情况
				反馈
				未反馈
				【两种情况】
				 * *
				*/
				let that = this
				if(this.da11=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(this.da12=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if (that.istck && that.isf61status &&that.da11 == "防火门已关闭 已反馈" && that.da12 == "防火门启动并反馈") {
					that.score1 = 0.4
				} else if(that.istck && that.isf61status==false &&that.da11 == "防火门已关闭 未反馈" && that.da12 == "防火门启动未反馈") {
					that.score1 = 0
				}
				

				this.$showModal2({
					title: '确认提交？'+that.score1,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
					
							that.curnum = 1
							that.isa2area = true;
					
							that.innerAudioContext.stop();
							this.isfiredooropen = true
							that.bUrl = that.base + "/static/image/wb/16-7.jpg"
						
				});
			},
			senda2() {
				//【2/4】操作防火门监控器关闭防火门【0.6】
				let that = this
				if (that.isfiredooropen == false) {
					that.score2 = 0.6
				}
				this.$showModal2({
					title: '确认提交？' +that.score2,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
					
							that.curnum = 2
							that.isa3area = true;
							that.istool=true
							that.toolid=-1
							that.isa3area1 = true
							that.isa3area2 = false,
							that.area1= that.base + "/static/image/wb/16-9.jpg",
							that.area2=that. base + "/static/image/wb/16-2.jpg",
								that.bUrl = that.base + "/static/image/wb/16-9.jpg"
									that.setarea3(0)
						
				});



			},
			senda3() {
				/**
				 * 【3/4】模拟联动触发信号，使防火卷帘下降，并在消防控制室查看反馈情况【0.4】
								防火卷帘场景，消防控制室
								请判断防火卷帘的反馈信号
								防火卷帘 下行
								防火卷帘 上行
								防火卷帘启动并反馈
								防火卷帘启动未反馈
								【反馈未反馈两种情况】
				 */
				let that = this
				if(this.da31=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(this.da32=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if (that.da31 == "防火卷帘 下行" && that.da32 == "防火卷帘 启动并反馈") {
					that.score3 = 0.4
				} else {
					that.score3 = 0
				}
				this.$showModal2({
					title: '确认提交？'+that.score3,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
					
							that.curnum = 3 
							that.isa4area = true 
							that.bUrl = that.base + "/static/image/wb/16-9.jpg"
						
				});
			},
			senda4() {
				//【4/4】请现场操作防火卷帘，使其下降。【0.6】
				let that = this
				if (that.isclosefire) {
					that.score4 = 0.6
				}
				let ss = that.score1 + that.score2 + that.score3 + that.score4
				this.$showModal2({
					title: '确认提交？'+that.score4,
					// content: '这是一个模态弹窗',
					
				}).then(()=>{
							uni.showLoading({})
							fzQuestion(that.quest).then(res => {
								uni.hideLoading()
								let pages = getCurrentPages()
								if(pages.length==4){
									let prevPage = pages[pages.length - 3] 
									prevPage.$vm.status16 = true
									prevPage.$vm.addScore(ss)
									uni.navigateBack()
								}else{
									let prevPage = pages[pages.length - 2]
									prevPage.$vm.status16 = true
									prevPage.$vm.addScore(ss) 
									uni.navigateBack()
								} 
							})
						
				});

				// uni.showToast({
				// 	title: '提交后不可修改',
				// 	success() {
				// 		setTimeout(() => {
				// 			uni.navigateBack()
				// 		}, 500)

				// 	}
				// })

				/**
				 * 
				 * 
				
				16防火门、防火卷帘等防火分隔设施的检查和功能测试【2】
				 
				score1 //0.4
				score2 //0.6
				score3 //0.4
				score4 //0.6
			
				 * 
*/
			},
			aChange11(e) {
				this.da11 = e.detail.value
			},
			aChange12(e) {
				this.da12 = e.detail.value
			},
			aChange31(e) {
				this.da31 = e.detail.value
			},
			aChange32(e) {
				this.da32 = e.detail.value
			},
			seltool(id) {
				console.log("settool")
				this.toolid = id
			},
			toolclick() {
				//要提前下载一下8-5 8-5-1
				console.log("tool")
				//判断选择的工具
				console.log(this.toolid)
				if (this.toolid == 2) {
					this.istck = true
					this.isdoor1 = false
					//得分
					this.bUrl = this.base + "/static/image/wb/16-5-1.jpg"
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/16-5-2.jpg"
					}, 500)
					this.iscreen1 = 1
					this.isf61status=Math.random()>0.5
					this.stime1 = screentime()
				}

			},
			toolclick3() {
				//要提前下载一下8-5 8-5-1
				console.log("tool")
				//判断选择的工具
				console.log(this.toolid)
				if (this.toolid == 2) {

					this.isdoor1 = false
					//得分
					this.bUrl = this.base + "/static/image/wb/16-9-1.jpg"
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/16-9-2.jpg"
					}, 300)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/16-9-2.jpg"
					}, 600)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/16-9-2.jpg"
					}, 900)
					setTimeout(() => {
						this.bUrl = this.base + "/static/image/wb/16-10.jpg"
					}, 1200)
					this.stime1 = screentime()
					this.isclose = true
					this.iscreen2 = 1
				}
			},




			openimgview(path, lb) {
				this.time = getcurtime()
				this.isarea = false
				this.isa1area1 = false
				this.isa1area2 = false
				this.istool = false
				this.bUrl = this.base + "/static/image/wb/" + path + ".jpg";
				switch (lb) {
					case 161:
						//场景1
						this.isa163 = false
						this.isa164 = false
						this.isa165 = false
						this.isarea = true
						this.istool = true
						this.isa1area1 = true
						if (this.isdoor1) {
							this.bUrl = this.base + "/static/image/wb/16-1.jpg"
						} else {
							this.bUrl = this.base + "/static/image/wb/16-5-2.jpg"
						}
						break;
					case 162:
						//场景2
						this.isa163 = false
						this.isa164 = false
						this.isa165 = false
						this.isarea = true
						break;

					case 163:
						this.isa163 = true;
						this.isa166 = false;
						break;
					case 164:
						this.isa164 = true;
						break;
					case 165:
						this.isa165 = true;

						break;
					case 166:
						this.isa166 = true;
						this.isa163 = false;
						break;
						////222
					case 167:

						this.isa2area = true;
						this.isa21651 = false
						if (this.isfiredooropen) {
							this.bUrl = this.base + "/static/image/wb/16-7.jpg"
						} else {
							this.bUrl = this.base + "/static/image/wb/16-5-2.jpg"
						}
						break;

						//222
					case 1651:
						this.isa21651 = true
						this.isa2area = false;
						if (path == "0") {
							this.isfiredooropen = false
						}

						if (this.isfiredooropen) {
							this.bUrl = this.base + "/static/image/wb/16-8.jpg"
						} else {
							this.bUrl = this.base + "/static/image/wb/16-5.jpg"
						}


						break;
						///444
					case 1615:
						this.isa4area = false
						this.isa41616 = true
						if (this.isclosefire) {

							this.bUrl = this.base + "/static/image/wb/16-16.jpg"

						} else {
							this.bUrl = this.base + "/static/image/wb/16-15.jpg"
						}
						break;
					case 1616:
						this.isa4area = false
						this.isa41616 = true
						//关了防火门
						this.isclosefire = true
						break;

					case 1611:
						this.is1611 = true
						this.isa3area1 = false
						break;
					case 3169:
						this.isa3area1 = true
						this.is1611 = false
						this.isarea = true
						this.istool = true
						if (this.isclose) {
							this.bUrl = this.base + "/static/image/wb/16-10.jpg"

						} else {
							this.bUrl = this.base + "/static/image/wb/16-9.jpg"
						}
						break;

					case 169:
						this.isa4area = true;
						this.isa41616 = false;

						//这里返回要判断 是否关了防火门
						if (this.isclosefire) {
							//	16-10
							this.bUrl = this.base + "/static/image/wb/16-10.jpg"
						} else {

							this.bUrl = this.base + "/static/image/wb/16-9.jpg"
						}


						break;
					case 31612:
						this.isarea = true
						this.isa3area2 = true
						this.is3163 = false
						this.isa3area = true
						this.is31613 = false
						break;
					case 3163:
						this.isarea = false
						this.isa3area2 = false
						this.isa3area = false
						this.is3163 = true
						this.is31613 = false
						break;
					case 31613:
						this.is3163 = false
						this.is31613 = true

						break;


				}


				console.log(this.isa163)
				console.log(this.isa164)
				console.log(this.isa165)
			},
			showDialog() {
				this.showFlag = true
			},
			onClickHide() {
				this.showFlag = false
			},
			showDialog2() {
				this.showFlag2 = true
			},
			onClickHide2() {
				this.showFlag2 = false
			},
			drawWhiteBox(statusnum) {
				let that = this
				let warp = uni.createSelectorQuery().in(this).select('.imgview')

				warp.boundingClientRect(data => {
					console.log(that.tH)
					console.log(data)
					console.log(data.width)
					console.log(data.height)
					//有些设备取的是设备高度 data.height


					let widthBl = data.width / 1920
					let sy = uni.getSystemInfoSync()
					let heightBl = 0
					// if (data.height = sy.screenHeight) {
					// 	heightBl = (data.height - that.tH) / 921
					// } else {
					// 	heightBl = (data.height) / 921
					// }
					heightBl = (data.height - that.tH)/921
					that.widthBl=widthBl
					that.heightBl=heightBl

					//area1
					//16-1
					that.a1area11left = 380 * widthBl + 'px'
					that.a1area11top = 465 * heightBl + statusnum + 'px'

					that.a1area12left = 1380 * widthBl + 'px'
					that.a1area12top = 480 * heightBl + statusnum + 'px'

					//area2
					//16-2
					that.a1area21left = 660 * widthBl + 'px'
					that.a1area21top = 490 * heightBl + statusnum + 'px'

					//16-3
					that.a1163cleft = 1650 * widthBl + 'px'
					that.a1163ctop = 130 * heightBl + statusnum + 'px'

					//16-4
					that.a1164cleft = 1120 * widthBl + 'px'
					that.a1164ctop = 335 * heightBl + statusnum + 'px'


					that.a1164bleft = 985 * widthBl + 'px'
					that.a1164btop = 400 * heightBl + statusnum + 'px'
					that.a1164bw = 66 * widthBl + 'px'
					that.a1164bh = 56 * heightBl + 'px'


					that.a1164rl = 984 * widthBl + 'px'
					that.a1164rt = 366 * heightBl + statusnum + 'px'
					that.a1164rw = 18 * widthBl + 'px'
					that.a1164rh = 18 * heightBl + 'px'

					that.a31611left = 1700 * widthBl + 'px'
					that.a31611top = 230 * heightBl + statusnum + 'px'



					that.a1165cleft = 1520 * widthBl + 'px'
					that.a1165ctop = 240 * heightBl + statusnum + 'px'
					that.a1166left = 740 * widthBl + 'px'
					that.a1166top = 650 * heightBl + statusnum + 'px'


					that.a1166cleft = 1220 * widthBl + 'px'
					that.a1166ctop = 190 * heightBl + statusnum + 'px'



					//16-8
					that.a2168l = 1336 * widthBl + 'px'
					that.a2168t = 350 * heightBl + statusnum + 'px'
					that.a2168w = 46 * widthBl + 'px'
					that.a2168h = 32 * heightBl + 'px' //16-5
					//2
					that.a2arealeft = 1380 * widthBl + 'px'
					that.a2areatop = 480 * heightBl + statusnum + 'px'


					that.a3area1left = 1535 * widthBl + 'px'
					that.a3area1top = 300 * heightBl + statusnum + 'px'
					that.a3area21left = 665 * widthBl + 'px'
					that.a3area21top = 490 * heightBl + statusnum + 'px'
					that.a3area22left = 880 * widthBl + 'px'
					that.a3area22top = 490 * heightBl + statusnum + 'px'


					that.a41615left = 1540 * widthBl + 'px'
					that.a41615top = 580 * heightBl + statusnum + 'px'
					that.a41616bleft = 900 * widthBl + 'px'
					that.a41616btop = 520 * heightBl + statusnum + 'px'
					that.a41616bw = 130 * widthBl + 'px'
					that.a41616bh = 127 * heightBl + 'px'
					that.a41616cleft = 1100 * widthBl + 'px'
					that.a41616ctop = 300 * heightBl + statusnum + 'px'


					that.a1i821left = 430 * widthBl + 'px'
					that.a1i821top = 90 * heightBl + statusnum + 'px'

					that.a1i822left = 1130 * widthBl + 'px' //1130
					that.a1i822top = 96 * heightBl + statusnum + 'px' //96

					that.a1i823left = 765 * widthBl + 'px'
					that.a1i823top = 651 * heightBl + statusnum + 'px'

					that.a3163tleft = 407 * widthBl + 'px' //407
					that.a3163ttop = 90 * heightBl + statusnum + 'px' //100

					that.a3163ileft = 1124 * widthBl + 'px' //1134
					that.a3163itop = 98 * heightBl + statusnum + 'px' //141

					that.a3163bleft = 735 * widthBl + 'px' //735
					that.a3163btop = 635 * heightBl + statusnum + 'px' //635

					that.a3163cleft = 1620 * widthBl + 'px' //1620
					that.a3163ctop = 90 * heightBl + statusnum + 'px' //90

					that.a31613bleft = 854 * widthBl + 'px' //854
					that.a31613btop = 195 * heightBl + statusnum + 'px' //95

					that.a31613cleft = 1260 * widthBl + 'px' //1260
					that.a31613ctop = 188 * heightBl + statusnum + 'px' //88

					//f2
					that.f2left = 1130 * widthBl + 'px'
					that.f2top = 471 * heightBl + statusnum + 'px'
					that.f2w = 82 * widthBl + 'px'
					that.f2h = 45 * heightBl + 'px'

					//f6
					that.f6left = 1517 * widthBl + 'px'
					that.f6top = 471 * heightBl + statusnum + 'px'
					that.f6w = 82 * widthBl + 'px'
					that.f6h = 45 * heightBl + 'px'

					//标题
					that.stw = 479 * widthBl + 'px'
					that.sth = 28 * heightBl + 'px'
					//中间两部分间隔
					that.sleft = 10 * widthBl + 'px'
					//内容
					that.siw = 340 * widthBl + 'px'
					that.sih = 200 * heightBl + 'px'
					//右边信息
					that.sbw = 146 * widthBl + 'px'
					that.sbh = 77 * heightBl + 'px'
					//右边时间
					that.srtw = 138 * widthBl + 'px'
					that.srth = 30 * heightBl + 'px'
					that.srtt = 90 * heightBl + 'px'
					//底部信息
					that.sitt = 0 * heightBl + 'px'
					that.s5w = 495 * widthBl + 'px'
					that.s5h = 25 * heightBl + 'px'

					that.infocl = 1260 * widthBl + 'px'
					that.infoct = 68 * heightBl + statusnum + 'px'

					that.infotl = 862 * widthBl + 'px'
					that.infott = 118 * heightBl + statusnum + 'px'
					that.infotw = 358 * widthBl + 'px'
					that.infoth = 648 * heightBl + 'px'
					
					
					//屏图标宽高
					that.sciconw= 20 * widthBl + 'px'
					that.sciconh = 20 * heightBl + 'px'
					
					
					//自动方式
					that.aiconl= 430 * widthBl + 'px'
					that.aicont= 353 * heightBl + statusnum + 'px'
					
					//手动方式
					that.miconl= 430 * widthBl + 'px'
					that.micont= 390 * heightBl + statusnum + 'px'
					
					//火警
					that.ficonl= 649 * widthBl + 'px'
					that.ficont= 137 * heightBl + statusnum + 'px'
					
					
					//启动
					that.siconl= 824 * widthBl + 'px'
					that.sicont = 139 * heightBl + statusnum + 'px'
					
					//反馈
					that.iiconl= 824 * widthBl + 'px'
					that.iicont= 289 * heightBl + statusnum + 'px'
					

				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	.explaincss {
		padding: 20rpx;
		width: 300rpx;

		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		color: #000;
		position: fixed;
		top: 50rpx;
		left: 225rpx;
		z-index: 5000;
	}

	.rem7 {
		font-size: 0.4rem;
	}

	.flexcol {
		display: flex;
		flex-direction: column;
	}

	.flexrow {
		display: flex;
	}

	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.w100 {
			width: 100%;
			height: 100%;
		}

		.coll {}

		.openiv {
			position: fixed;
		}

		.ds {
			color: #DA2627;
			font-family: DS-Digital;
			font-size: 20px;
		}

		.redbg {}

		.openi {
			width:20px;
			height: 20px;
		}


		.answerview {
			position: fixed;
			top: 80rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size:2vh;
		}

		.answerview1 {
			position: fixed;
			top: 65rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}


		.ytitle {
			background-color: #ffb700;
			line-height: 26rpx;
		}

		.ritem {
			line-height: 20rpx;
		}


		.imgview {
			position: relative;
			width: 100%;
		}

		.aimg {
			width: 60rpx;
			height: 35rpx;
		}

		.areas {
			// background-color: rgba(255, 165, 0, 0.2);
			margin-bottom:10px;
			.areasTit{
				background: orange;
			}
			color: #000;
		}
		
		.sitem {
			border: 2rpx solid red;
		}
		
		.areaitem {
			background: #fff;
		
			display: flex;
			align-items: center;
			justify-content: flex-start;
		}
		

		.toolimg {
			width: 35rpx;
			height: 35rpx;
		}

		.toolbtn {
			padding: 5rpx 10rpx;
			background: #ffb700;
			border-radius: 5rpx;
			text-align: center;
			width: 50px;
			margin: auto;
		}

		.toolbox {
			position: fixed;
			right: 250rpx;
			top: 80rpx;
			font-size: 12rpx;
			color: #000;
			background: #fff;
			width: 92rpx;
			z-index: 10000;
			border: 1px solid #fff;
		}

		.bord {
			border: 1rpx solid red;
		}


		.toolitems {
			display: flex;
			flex-wrap: wrap;
			width: 92rpx;
			justify-content: space-between;
		}

		.toolitem {
			display: flex;
			flex-direction: column;
			width: 30rpx;
			justify-content: space-between;
		}

		
		.tc1 {
			text-align: center;
			font-size: 10px;
			background: orange;
			color: #fff; 
		}
		.tc {
			display: flex;
			align-items: center;
			
			text-align: center;
			font-size: 8px;
			justify-content: center;
			align-content: center; 
		}
		.taskTit {
			height: 21px;line-height: 21px;width: 100%;text-align: left;background: #fff;color: #000;font-size: 15px
		}
		.myCard {
			width: 100%;
			// height:100%;
			position: relative;
			// border-radius: 20rpx;
			//	overflow: hidden;
			z-index: 1;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}

				

				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px;
				}

				.btnA {
					display: flex;
					flex-direction: column;
					position: fixed;
					right: 30px;
					bottom: 0px;
					align-items: flex-end;
				}

				.btnArea {
					//	margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					//	position: fixed;
					//	right: 30px;
					//	bottom: 30px // text-align: center;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			border: none;
			width: 0px;
			height: 0px;
			position: fixed
		}
	}
</style>